<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>StudentClass</title>
  <link rel="stylesheet" href="css/header.css"/>
  <link rel="stylesheet" href="css/student_myclass.css"/>
  <link rel="stylesheet" href="lib/bootsrap/bootstrap.min.css"/>
  <link rel="stylesheet" href="lib/bootsrap/bootstrap.min.js"/>
  <link rel="stylesheet" href="lib/jquery/jquery.min.js"/>

</head>
<body>
<div class="header">
  <div id="logo">
    <div id="logo_left">
      <img src="img/pencil.png" id="logo_img">
      <img src="img/迷彩学堂.png" alt="" id="micai">
    </div>
    <div id="logo_right">
      <div id="logo_split"></div>
      <div>
        <div class="slogan">褪下迷彩回归社会</div>
        <div class="slogan">不忘气血奔赴学堂</div>
      </div>
    </div>
  </div>
  <div id="navigation">
    <span class="navigation_contain">
          <a href="#">首页</a>
    </span>
    <span class="navigation_contain">
          <a href="#">找教员</a>
    </span>
    <span class="navigation_contain">
          <a href="#">资料库</a>
    </span>
    <span class="navigation_contain">
          <a href="#">在线考试</a>
    </span>
    <span class="navigation_contain">
          <a href="#" class="active">课程安排</a>
    </span>
    <span class="navigation_contain">
          <a href="#">个人</a>
          <img src="img/userlogo.png" id="user_logo"></img>
    </span>

  </div>
</div>
<div class="myclass_top">
  <div class="top_left">
    <h3>重要提醒</h3>
    <div class="important_info">
      <div class="info_card">
      <img src="img/information_img.jpg" class="info_card_img">
        <div class="info_card_topic">资料</div>
        <div class="info">
          <div class="class_name">企业会计学</div>
          <div class="info_1"><p>https://ys.mihoyo.com/main/map</p></div>
          <div class="info_1">梅老师</div>
          <div class="info_1">2023/5/30</div>
        </div>
      </div>
      <div class="info_card">
        <img src="img/class_img.jpg" class="info_card_img">
        <div class="info_card_topic">上课</div>
        <div class="info">
          <div class="class_name">基础会计学</div>
          <div class="info_1"><span class="time">19:30</span>——<span class="time">21:30</span></div>
          <div class="info_1">梅老师</div>
          <div class="info_1">2023/5/30</div>
        </div>
      </div>
      <div class="info_card">
        <img src="img/homework_img.jpg" class="info_card_img">
        <div class="info_card_topic">作业</div>
        <div class="info">
          <div class="class_name">企业管理概论</div>
          <div class="info_1">课后作业：回家洗洗睡</div>
          <div class="info_1">梅老师</div>
          <div class="info_1">2023/5/30</div>
        </div>
      </div>
    </div>
  </div>
  <div class="top_right">
    <h3>课程表</h3>
    <div class="schedule">
    <div class="schedule_card schedule_color">
    <div class="schedule_card_topic "></div>
      <div class="schedule_card_contain">
      </div>

    </div>
      <div class="schedule_card">
        <div class="schedule_card_topic ">Sun</div>
        <div class="schedule_card_contain">
          <div class="class_util">
            <div style="word-wrap:break-word;">12:00</div>
            <div>金融会计学</div>
          </div>
          <div class="class_util">
            <div style="word-wrap:break-word;">14:00</div>
            <div>企业管理概论</div>
          </div>
          <div class="class_util">
            <div style="word-wrap:break-word;">19:00</div>
            <div>金融会计学</div>
          </div>
          <div class="class_util">
            <div style="word-wrap:break-word;">19:00</div>
            <div>金融会计学</div>
          </div>

        </div>

      </div>
      <div class="schedule_card schedule_color">
        <div class="schedule_card_topic ">Mon</div>
        <div class="schedule_card_contain">
          <div class="class_util">
            <div style="word-wrap:break-word;">8:00</div>
            <div>金融会计学</div>
          </div>
          <div class="class_util">
            <div style="word-wrap:break-word;">12:00</div>
            <div>基础会计学</div>
          </div>
        </div>

      </div>
      <div class="schedule_card">
        <div class="schedule_card_topic ">Tue</div>
        <div class="schedule_card_contain">
          <div class="class_util">
            <div style="word-wrap:break-word;">15:00</div>
            <div>商务智能</div>
          </div>
        </div>

      </div>
      <div class="schedule_card schedule_color">
        <div class="schedule_card_topic ">Web</div>
        <div class="schedule_card_contain">
        </div>

      </div>
      <div class="schedule_card">
        <div class="schedule_card_topic ">Thur</div>
        <div class="schedule_card_contain">
          <div class="class_util">
            <div style="word-wrap:break-word;">9:00</div>
            <div>管理学</div>
          </div>
        </div>

      </div>
      <div class="schedule_card schedule_color">
        <div class="schedule_card_topic ">Fri</div>
        <div class="schedule_card_contain">
          <div class="class_util">
            <div style="word-wrap:break-word;">13:00</div>
            <div>java</div>
          </div>
        </div>

      </div>
      <div class="schedule_card">
        <div class="schedule_card_topic ">Sat</div>
        <div class="schedule_card_contain">
        </div>

      </div>
    </div>
  </div>
</div>
<div class="myclass_body">
  <h3>课程安排</h3>
  <div class="chose active">
    进行中
  </div>
  <div class="chose ">
    已完成
  </div>
  <div class="class_card_out">
  <div class="class_card">
  <img src="img/classtype_img.png" class="class_card_img">
    <div class="class_card_middle">
      <div class="class_info_name">企业会计学</div>
      <div class="class_card_teachername">谭老师</div>
      <div class="class_card_rate">学习进度:
        <div class="progress">
          <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;"></div>
        </div><span>40%</span>
      </div>
    </div>
    <div class="class_card_right">
    <div class="class_card_action">
        <img src="img/onlineExam.jpg">
        <div>课程回顾</div>
      </div>
    <div class="class_card_action">
        <img src="img/submitJob.jpg">
        <div>提交作业</div>
      </div>
    <div class="class_card_action">
        <img src="img/submitQuestion.jpg">
        <div>提出问题</div>
      </div>
    <div class="class_card_action">
        <img src="img/startClass.jpg">
        <div>开始课程</div>
      </div>

    </div>
  </div>
    <div class="class_card">
      <img src="img/classtype_img.png" class="class_card_img">
      <div class="class_card_middle">
        <div class="class_info_name">企业会计学</div>
        <div class="class_card_teachername">谭老师</div>
        <div class="class_card_rate">学习进度:
          <div class="progress">
            <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;"></div>
          </div><span>40%</span>
        </div>
      </div>
      <div class="class_card_right">
        <div class="class_card_action">
          <img src="img/onlineExam.jpg">
          <div>课程回顾</div>
        </div>
        <div class="class_card_action">
          <img src="img/submitJob.jpg">
          <div>提交作业</div>
        </div>
        <div class="class_card_action">
          <img src="img/submitQuestion.jpg">
          <div>提出问题</div>
        </div>
        <div class="class_card_action">
          <img src="img/startClass.jpg">
          <div>开始课程</div>
        </div>

      </div>
    </div>
    <div class="class_card">
      <img src="img/classtype_img.png" class="class_card_img">
      <div class="class_card_middle">
        <div class="class_info_name">企业会计学</div>
        <div class="class_card_teachername">谭老师</div>
        <div class="class_card_rate">学习进度:
          <div class="progress">
            <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;"></div>
          </div><span>40%</span>
        </div>
      </div>
      <div class="class_card_right">
        <div class="class_card_action">
          <img src="img/onlineExam.jpg">
          <div>课程回顾</div>
        </div>
        <div class="class_card_action">
          <img src="img/submitJob.jpg">
          <div>提交作业</div>
        </div>
        <div class="class_card_action">
          <img src="img/submitQuestion.jpg">
          <div>提出问题</div>
        </div>
        <div class="class_card_action">
          <img src="img/startClass.jpg">
          <div>开始课程</div>
        </div>

      </div>
    </div>

  </div>
</div>

</body>
</html>
